<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<script type="text/javascript"
	src="<s:url value='/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js' />"></script>
<script type="text/javascript"
	src="<s:url value='/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js' />"></script>
<script type="text/javascript"
	src="<s:url value='/dropdownMenu/menu.js' />"></script>
<link rel="stylesheet"
	href="<s:url value='/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css' />" />
<link rel="stylesheet" href="<s:url value='/dropdownMenu/menu.css' />" />
<script type="text/javascript">
	function gotoPage(page) {
		var url = "";
		if (page == 1.1) {
			url = "<s:url value='gotoAddUser.action'/>";
		}
		if (page == 1.2) {
			url = "<s:url value='initUser.action'/>";
		}
		if (page == 2.1) {
			url = "<s:url value='gotoAddPlanting.action'/>";
		}
		if (page == 2.2) {
			url = "<s:url value='initPlanting.action'/>";
		}
		if (page == 3.1) {
			url = "<s:url value='gotoAddHarvest.action'/>";
		}
		if (page == 3.2) {
			url = "<s:url value='initHarvest.action'/>";
		}
		if (page == 4.1) {
			url = "<s:url value='gotoAddRemove.action'/>";
		}
		if (page == 4.2) {
			url = "<s:url value='initRemove.action'/>";
		}
		if (page == 5.1) {
			url = "<s:url value='gotoAddHormone.action'/>";
		}
		if (page == 5.2) {
			url = "<s:url value='initHormone.action'/>";
		}
		if (page == 6.1) {
			url = "<s:url value='gotoAddFertilizer.action'/>";
		}
		if (page == 6.2) {
			url = "<s:url value='initFertilizer.action'/>";
		}
		if (page == 7.1) {
			url = "<s:url value='gotoAddPineapple.action'/>";
		}
		if (page == 7.2) {
			url = "<s:url value='initPineapple.action'/>";
		}
		if (page == 8.1) {
			url = "<s:url value='gotoAddArea.action'/>";
		}
		if (page == 8.2) {
			url = "<s:url value='initArea.action'/>";
		}
		if (page == 9.1) {
			url = "<s:url value='gotoAddHitfertilizer.action'/>";
		}
		if (page == 9.2) {
			url = "<s:url value='initHitfertilizer.action'/>";
		}
		if (page == 10.1) {
			url = "<s:url value='gotoAddHithormone.action'/>";
		}
		if (page == 10.2) {
			url = "<s:url value='initHithormone.action'/>";
		}
		if (page == 11.1) {
			url = "<s:url value='/jsp/statistics/statistics.jsp'/>";
		}
		if (page == 11.2) {
			url = "<s:url value='initEvolution.action'/>";
		}
		if (page == 12) {
			url = "<s:url value='/jsp/calarea/calArea.jsp'/>";
		}

		frm = document.menuForm;
		frm.action = url;
		frm.submit();
	}
	//alert($("div").find("div").html());
</script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

#menu {
	top: -19px;
}
</style>
<div id="menu">
	<ul class="menu">
		<li><a href="#" class="parent"><span>ระบบจัดการ</span></a>
			<div>
				<ul>
					<li><a href="#"><span>ระบบผู้ใช้</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('1.1')"><span>เพิ่มข้อมูลผู้ใช้</span></a></li>
								<li><a href="javascript:gotoPage('1.2')"><span>ค้นหาข้อมูลผู้ใช้</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ระบบการเพาะปลูก</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('2.1')"><span>เพิ่มข้อมูลเพาะปลูก</span></a></li>
								<li><a href="javascript:gotoPage('2.2')"><span>ค้นหาข้อมูลเพาะปลูก</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ระบบการเก็บเกี่ยว</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('3.1')"><span>เพิ่มข้อมูลเก็บเกี่ยว</span></a></li>
								<li><a href="javascript:gotoPage('3.2')"><span>ค้นหาข้อมูลเก็บเกี่ยว</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ระบบการรื้อถอน</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('4.1')"><span>เพิ่มข้อมูลรื้อถอน</span></a></li>
								<li><a href="javascript:gotoPage('4.2')"><span>ค้นหาข้อมูลรื้อถอน</span></a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div></li>
		<li><a href="#" class="parent"><span>ระบบข้อมูลพื้นฐาน</span></a>
			<div>
				<ul>
					<li><a href="#"><span>ข้อมูลฮอร์โมน</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('5.1')"><span>เพิ่มข้อมูลฮอร์โมน</span></a></li>
								<li><a href="javascript:gotoPage('5.2')"><span>ค้นหาข้อมูลฮอร์โมน</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ข้อมูลปุ๋ย</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('6.1')"><span>เพิ่มข้อมูลปุ๋ย</span></a></li>
								<li><a href="javascript:gotoPage('6.2')"><span>ค้นหาข้อมูลปุ๋ย</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ข้อมูลสับปะรด</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('7.1')"><span>เพิ่มข้อมูลสับปะรด</span></a></li>
								<li><a href="javascript:gotoPage('7.2')"><span>ค้นหาข้อมูลสับปะรด</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>ข้อมูลแปลง</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('8.1')"><span>เพิ่มข้อมูลแปลง</span></a></li>
								<li><a href="javascript:gotoPage('8.2')"><span>ค้นหาข้อมูลแปลง</span></a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div></li>
		<li><a href="#" class="parent"><span>ระบบประวัติ</span></a>
			<div>
				<ul>
					<li><a href="#"><span>การให้ปุ๋ย</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('9.1')"><span>เพิ่มข้อมูลการให้ปุ๋ย</span></a></li>
								<li><a href="javascript:gotoPage('9.2')"><span>ค้นหาข้อมูลการให้ปุ๋ย</span></a></li>
							</ul>
						</div>
					</li>
					<li><a href="#"><span>การให้ฮอร์โมน</span></a>
						<div>
							<ul>
								<li><a href="javascript:gotoPage('10.1')"><span>เพิ่มข้อมูลการให้ฮอร์โมน</span></a></li>
								<li><a href="javascript:gotoPage('10.2')"><span>ค้นหาข้อมูลการให้ฮอร์โมน</span></a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div></li>
		<li><a href="#" class="parent"><span>ระบบรายงาน</span></a>
			<div>
				<ul>
					<li><a href="javascript:gotoPage('11.1')"><span>รายงานผลการแสดงกราฟผลการผลิต</span></a>
					</li>
					<li><a href="javascript:gotoPage('11.2')"><span>รายงานแสดงรูปภาพวิวัฒนาการของสับปะรด</span></a>
					</li>
				</ul>
			</div></li>
		<li><a href="#" class="parent"><span>ระบบคำนวน</span></a>
			<div>
				<ul>
					<li><a href="javascript:gotoPage('12')"><span>คำนวนจำนวนต้นสับปะรด</span></a></li>
				</ul>
			</div></li>
	</ul>
</div>
